import {
  BrowserRouter as Router,
  Route,
  Routes,
  Link,
} from "react-router-dom";
import Home from "./home";
import About from "./about";
import My from "./my";
function RouterComponent() {


  return (
    <Router>
      <div>
        <nav>
          <ul>
            <li>
              <Link to="/">Home</Link>
            </li>
            <li><Link to="/about?id=3&uid=4">About</Link></li>
            <li>
              <Link to="/my">My</Link>
            </li>
          </ul>
        </nav>
        
        <Routes>
          <Route path="/" Component={Home} />
          <Route path="/about" Component={About} />
          <Route path="/my" Component={My} />
        </Routes>
      </div>
    </Router>
  );
}

export default RouterComponent;
